Sample: dhtmlxGrid Paginal Output with Toolbar dhtmlxGrid main page
X

Other Paginal Output samples:

  • Paginal output
  • Paginal output with dynamical loading

  •  
    <div id="gridbox" width="100%" height="250px" style="background-color:white;overflow:hidden"></div>
    <div id="recinfoArea" style="width:100%;"></div>
    <script>
     
            mygrid = new dhtmlXGridObject('gridbox');
            ...
            //should be called before init()
            mygrid.enablePaging(true,10,3,"recinfoArea");
            mygrid.setPagingSkin("toolbar");
            ...
            mygrid.init();
            //mygrid.setXMLAutoLoading("dynscroll.php");//optional. Use it if you want to load rows dynamicaly from time to time
            mygrid.loadXML("dynscroll.xml");//this sample uses static loading
    </script>
    Parameters passed to enablePagingWT method:
  • true - means enable paginal output
  • 10 - number of rows per page
  • 3 - number of pages in group. You can set any number, but it is recommended to use smaller. There is also some auto-limits when using autoloading (grid will correct value automatically).
  • "recinfoArea" - ID of element to append Toolbar to